<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品分类</title>
		<link rel="stylesheet" href="../sass/css/common.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/resect.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/display.css" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="../js/display/cookie.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部-->

		<div id="header">
			<div class="top-nav">
				<a href="#">2018冬季精选新品5折起</a>
				<a href="#" class="right">在线客服</a>
				<a href="malls.html" class="right">积分商城</a>
				<a href="carts.html" class="right">购物车</a>
				<a href="login.html" class="right">注册/登录</a>
			</div>
			<div class="top-search">
				<div class="search-cont"></div>
			</div>
			<h1 title="lily index pages"></h1>
			<ul id="nav">
				<li>
					<a href="#" class="big">首页</a>
				</li>
				<li>
					<a href="#" class="big">商品</a>
				</li>
				<li>
					<a href="#" class="big">品牌</a>
				</li>

			</ul>
		</div>
		<!--内容-->
		<div class="inner">
			<div id="prolist-left">
				<ul class="am-nav">
					<!-- 最新到店2-->
					<!-- BEGIN ContentRecommendation_UI.jspf -->
					<div id="contentRecommendationWidget_Lilyarrive2" class="contentRecommendationWidget">

						<div id="ci_espot__Lilyarrive2">
							<div id="ci_widgetSuffix_espot__Lilyarrive2" style="display:none">_Lilyarrive2_</div>
							<div id="ci_previewreport_espot__Lilyarrive2" style="display:none">null</div>

							<!-- BEGIN Content_UI.jspf -->
							<div class="left_espot">

								<li>
									<a title="商品" href="http://www.lily.sh.cn/webapp/wcs/stores/servlet/lilystore/19501"><strong>最新到店</strong></a>
								</li>
								<li>
									<a title="商品" href="http://www.lily.sh.cn/webapp/wcs/stores/servlet/lilystore/22001"><strong>最热单品</strong></a>
								</li>

							</div>

						</div>
					</div>
					
					<li>
						<a class="top-docr"><span>/</span></a>
					</li>

					<div>
						<a id="departmentLink_27503" title="" href="display.html">国博系列 </a>

					</div>

					<div>
						<a id="departmentLink_19501" title="" href="#">最新到店 </a>

					</div>

				<!--	<div>
						<a id="departmentLink_21501" title="" href="#>冬季5折起 </a>

					</div>-->

					<div>
						<a id="departmentLink_24002" title="" href="#">大衣 </a>

					</div>

					<div>
						<a id="departmentLink_15504" title="" href="#">外套 </a>

					</div>

					<div>
						<a id="departmentLink_24502" title="" href="#">羽绒服 </a>

					</div>

					<div>
						<a id="departmentLink_24003" title="" href="#">针织衫 </a>

					</div>

					<div>
						<a id="departmentLink_15506" title="" href="#">套头衫 </a>

					</div>

					<div>
						<a id="departmentLink_15511" title="" href="#">衬衫 </a>

					</div>

					<div>
						<a id="departmentLink_15505" title="" href="#">连衣裙 </a>

					</div>

					<div>
						<a id="departmentLink_15508" title="" href="#">裤子 </a>

					</div>

					<div>
						<a id="departmentLink_15507" title="" href="#">裙子 </a>

					</div>

					<div>
						<a id="departmentLink_15510" title="" href="#">饰品 </a>

					</div>

				</ul>
			</div>

			<div id="prolist-right">
				<div class="pro-line2"><span>/国博系列</span></div>

				<ul id="sele">

					<li class="sele-title">
						<a class="sele-more">上新时间</a>
						<ul class="slist" style="display: none;">
							<li class="">
								<a href="javascript:productSort(6);">价格从低到高</a>
							</li>
							<li class="">
								<a href="javascript:productSort(5);">销 量 排 行</a>
							</li>
							<li class="curr">
								<a href="javascript:productSort(4);">价格从高到底</a>
							</li>
							<li class="">
								<a href="javascript:productSort(3);">上 新 时 间</a>
							</li>
						</ul>
					</li>

					<div class="clear"></div>
				</ul>

				<div class="pages1">
					<a href="javascript:sortpage();"><strong>上一页</strong></a><strong><a class="tpageNumber">1</a>/<a class="totalpag">1</a><a href="javascript:sortpage2();">下一页</a></strong></div>
				<!--国博系列的商品列表-->
				<ul id="pro-list" class="pro-list showmore">

				</ul>
				<!--调用自己的接口实现国博商品展示-->
				<script type="text/javascript">
					var oul = document.getElementById("pro-list")
					var url = 'http://jx.xuzhixiang.top/ap/api/productlist.php?uid=37';
					$.ajax({
						type:"get",
						url:url,
						async:true,
						success:function(res){
							var obj = JSON.parse(res)
							console.log(obj);
							var olis = '';
							obj.data.forEach(function(wqObj,index){
								olis += `
								<li style="position: relative;">
						<a title=""  href="details.html?pid=${wqObj.pid}"><img width="232" height="232" more="http://localhost/webapp/wcs/stores/emall/images/prolist_03.jpg" src="${wqObj.pimg}" onerror="javascript:this.src='/wcsstore/emall/mobile30/images/320.jpg'"></a><span class="infos">${wqObj.pname}</span><b><span class="infos">¥${wqObj.pprice}</span></b></li>
					
								`
								/*Cookie.setCookie('pname',wqObj.pname,7)
								Cookie.setCookie('pprice',wqObj.pprice,7);
								Cookie.setCookie('pimg',wqObj.pimg,7);*/
								console.log(index)
								
								
							})
							
							
							oul.innerHTML = olis;
							
							
						}
					});
					
				</script>
				
				<div class="clear"></div>
				<div class="pages1">

					<a href="javascript:sortpage();"><strong>上一页</strong></a><strong>&nbsp;<a class="tpageNumber">1</a>/<a class="totalpag">1</a><a href="javascript:sortpage2();">下一页</a></strong>
					<input type="text" name="page" id="mytext" style="width:30px">
					<input type="submit" value="跳转" class="sub" onclick="jump()">

				</div>

			</div>
		</div>
		<!--尾部-->
		<div class="clear">

		</div>
		<hr class="idx-hr">

		<div id="footerWrapper">
			<div id="footer">
				<div class="inner">
					<div class="big">
						<img alt="" src="../img/index/logo.jpg">
						<p>年轻OL的商务着装，可能太严肃，可能太时髦，</p>
						<p>或者像Lily这样，正合适。</p>
					</div>
					<div class="left">
						<p class="title">首页</p>
						<a href="#">· 视觉大片</a>
						<a href="#">· 关于我们</a>
					</div>
					<div class="left">
						<p class="title">订单及售后</p>
						<a href="#">· 追踪我的订单</a>
						<a href="#">· 退货与换货</a>
					</div>
					<div class="left">
						<p class="title">
							<a href="#">关于Lily</a>
						</p>
						<a href="#">· 联系我们</a>
						<a href="#">· 常见问题</a>
						<a href="#">· 招商加盟</a>
						<a href="#">· 法律申明</a>
					</div>
					<div class="right">
						<p class="title">订阅通讯</p>
						<p>立即注册，了解Lily最新活动咨询</p>
						<p><input type="text" id="myemail" name="myemail" placeholder="填写您的邮箱地址"></p>

						<p>
							<a class="btn" href="#">注 册</a>
						</p>
					</div>
					<div class="clear"></div>
					<hr class="idx-hr">
					<p class="copyright">Copyright©2015-2016，lily版权所有
						<a href="http://www.miitbeian.gov.cn">沪ICP备05036513号-1</a>
					</p>
				</div>
			</div>
		</div>
	</body>

</html>